home *** CD-ROM | disk | FTP | other *** search
/ PCGUIA 114 / PC Guia 114.iso / Software / Utils / The Gimp 2.2.1 / gimp-help-2-0.6-setup.exe / {app} / share / gimp / 2.0 / help / en / ch02s03s04.html < prev    next >
Encoding:
Extensible Markup Language  |  2004-12-19  |  20.6 KB  |  592 lines
  1. <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.   <head>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6.     <title>3.4.┬áDialogs and Docking</title>
  7.     <link rel="stylesheet" href="gimp-help-plain.css" type="text/css" />
  8.     <link rel="stylesheet" href="gimp-help-screen.css" type="text/css" />
  9.     <meta name="generator" content="DocBook XSL Stylesheets V1.66.1" />
  10.     <link rel="start" href="index.html" title="GIMP User Manual" />
  11.     <link rel="up" href="ch02s03.html" title="3.┬áBasic Gimp Usage" />
  12.     <link rel="prev" href="ch02s03s03.html" title="3.3.┬áImage Window" />
  13.     <link rel="next" href="ch02s03s05.html" title="3.5.┬áBasic Gimp Concepts" />
  14.   </head>
  15.   <body>
  16.     <div xmlns="" class="navheader">
  17.       <table width="100%" summary="Navigation header">
  18.         <tr>
  19.           <th colspan="3" align="center" id="chaptername">3.┬áBasic Gimp Usage</th>
  20.         </tr>
  21.         <tr>
  22.           <td width="20%" align="left"><a accesskey="p" href="ch02s03s03.html">Prev</a>┬á</td>
  23.           <th width="60%" align="center" id="sectionname">3.4.┬áDialogs and Docking</th>
  24.           <td width="20%" align="right">┬á<a accesskey="n" href="ch02s03s05.html">Next</a></td>
  25.         </tr>
  26.       </table>
  27.       <hr />
  28.     </div>
  29.     <div class="sect2" lang="en" xml:lang="en">
  30.       <div class="titlepage">
  31.         <div>
  32.           <div>
  33.             <h3 class="title"><a id="gimp-docks"></a>3.4.┬áDialogs and Docking</h3>
  34.           </div>
  35.         </div>
  36.       </div>
  37.       <div class="simplesect" lang="en" xml:lang="en">
  38.         <div class="titlepage">
  39.           <div>
  40.             <div>
  41.               <h4 class="title"><a id="gimp-dock-separator"></a>Docking Bars</h4>
  42.             </div>
  43.           </div>
  44.         </div>
  45.         <div class="informalfigure">
  46.           <div class="mediaobject">
  47.             <img src="../images/using/dialog-highlight-dockbar.png" />
  48.             <div class="caption">
  49.               <p>
  50.           A dock, with docking bars highlighted
  51.         </p>
  52.             </div>
  53.           </div>
  54.         </div>
  55.         <p>
  56.     In Gimp 2.0 and 2.2, you have a lot of flexibility about the
  57.     arrangement of dialog windows on your screen.  Instead of placing
  58.     each dialog in its own window, you can group them together using
  59.     docks.  A "dock" is a container window that can hold a collection
  60.     of persistent dialogs, such as the Tool Options dialog, Brushes
  61.     dialog, Palette dialog, etc.  Docks cannot, however, hold image
  62.     windows:  each image always has its own separate window.  They
  63.     also can't hold non-persistent dialogs, such as the Preferences
  64.     dialog or the New Image dialog.
  65.   </p>
  66.         <p>
  67.     Each dock has a set of <span class="emphasis"><em>docking bars</em></span>, as
  68.     highlighted in the adjoining figure.  These are thin gray bars,
  69.     very unobtrusive and easy not to notice:  most people don't
  70.     realize that they exist until they are specifically pointed out.  
  71.   </p>
  72.       </div>
  73.       <div class="simplesect" lang="en" xml:lang="en">
  74.         <div class="titlepage">
  75.           <div>
  76.             <div>
  77.               <h4 class="title"><a id="gimp-dockable-drag-area"></a>Docking Drag Handles</h4>
  78.             </div>
  79.           </div>
  80.         </div>
  81.         <div class="informalfigure">
  82.           <div class="mediaobject">
  83.             <img src="../images/using/dialog-highlight-handle.png" />
  84.             <div class="caption">
  85.               <p>
  86.           A dialog in a dock, with the drag handle area highlighted
  87.         </p>
  88.             </div>
  89.           </div>
  90.         </div>
  91.         <p>
  92.     Each dockable dialog has a <span class="emphasis"><em>drag handle area</em></span>,
  93.     as highlighted in the figure on the right.  You can recognize this
  94.     by the fact that the cursor changes to a hand shape when the
  95.     pointer is over the drag handle area.  To dock a dialog, you
  96.     simply click on its drag handle area, and drag it onto one of the
  97.     docking bars in a dock.
  98.   </p>
  99.         <p>
  100.     You can drag more than one dialog onto the same docking bar.  If
  101.     you do, they will turn into tabs, represented by iconic symbols at
  102.     the top.  Clicking on the tab handle will bring a tab to the
  103.     front, so that you can interact with it.
  104.   </p>
  105.       </div>
  106.       <div class="simplesect" lang="en" xml:lang="en">
  107.         <div class="titlepage">
  108.           <div>
  109.             <div>
  110.               <h4 class="title"><a id="gimp-dock-image-menu"></a>Image Menu</h4>
  111.             </div>
  112.           </div>
  113.         </div>
  114.         <a id="gimp-dock-auto-button"></a>
  115.         <div class="informalfigure">
  116.           <div class="mediaobject">
  117.             <img src="../images/using/dialog-highlight-imagemenu.png" />
  118.             <div class="caption">
  119.               <p>
  120.           A dock with an Image Menu highlighted
  121.         </p>
  122.             </div>
  123.           </div>
  124.         </div>
  125.         <p>
  126.     Some docks contain an <span class="emphasis"><em>Image Menu</em></span>:  a menu
  127.     listing all of the images open in GIMP, and displaying the name of
  128.     the image whose information is shown in the dock.  You can use the
  129.     Image Menu to select a different image.  If the
  130.     <span class="guilabel">Auto</span> button is depressed, then the menu always
  131.     shows the name of GIMP's currently active image, that is, the image
  132.     you are currently working on.
  133.   </p>
  134.         <p>
  135.     By default, a "Layers, Channels, and Paths" dock shows an Image
  136.     Menu at the top, and other types of docks do not.  You can always
  137.     add or remove an Image Menu, however, using the "Show Image Menu"
  138.     toggle in the Tab menu, as described below.  (Exception:  you
  139.     cannot add an Image Menu to the dock that contains the Toolbox.)
  140.   </p>
  141.       </div>
  142.       <div class="simplesect" lang="en" xml:lang="en">
  143.         <div class="titlepage">
  144.           <div>
  145.             <div>
  146.               <h4 class="title"><a id="id3419476"></a>Tab Menu</h4>
  147.             </div>
  148.           </div>
  149.         </div>
  150.         <div class="informalfigure">
  151.           <div class="mediaobject">
  152.             <img src="../images/using/dialog-highlight-tabmenu.png" />
  153.             <div class="caption">
  154.               <p>
  155.           A dialog in a dock, with the Tab menu button highlighted
  156.         </p>
  157.             </div>
  158.           </div>
  159.         </div>
  160.         <p>
  161.     In each dialog, you can access a special menu of tab-related
  162.     operations by pressing the Tab Menu button, as highlighted in the
  163.     figure on the right.  Exactly which commands are shown in the menu
  164.     varies a bit from dialog to dialog, but they always include
  165.     operations for creating new tabs, or closing or detaching tabs.
  166.   </p>
  167.         <div class="informalfigure">
  168.           <div class="mediaobject">
  169.             <img src="../images/using/tab-menu.png" />
  170.             <div class="caption">
  171.               <p>
  172.       Tab menu from the Layers dialog
  173.     </p>
  174.             </div>
  175.           </div>
  176.         </div>
  177.         <p>
  178.     A Tab menu gives you acces to the following commands:
  179.   </p>
  180.         <div class="variablelist">
  181.           <dl>
  182.             <dt>
  183.               <span class="term">Context Menu</span>
  184.             </dt>
  185.             <dd>
  186.               <p>
  187.           At the top of each Tab menu is an entry that opens into the
  188.           dialog's context menu, which contains operations specific to
  189.           that particular type of dialog.  For example, the context menu
  190.           for the Patterns dialog contains a set of operations for
  191.           manipulating patterns.
  192.         </p>
  193.             </dd>
  194.             <dt>
  195.               <span class="term">Add Tab</span>
  196.             </dt>
  197.             <dd>
  198.               <a id="gimp-dock-tab-add"></a>
  199.               <p>
  200.           This entry opens into a submenu allowing you to add a large
  201.           variety of dockable dialogs as new tabs.
  202.         </p>
  203.             </dd>
  204.             <dt>
  205.               <span class="term">Close Tab</span>
  206.             </dt>
  207.             <dd>
  208.               <a id="gimp-dock-tab-close"></a>
  209.               <p>
  210.           This entry closes the dialog.  Closing the last dialog in a
  211.           dock causes the dock itself to close.  Choosing this menu
  212.           entry has the same effect as pressing the "Close Tab" button. 
  213.         </p>
  214.             </dd>
  215.             <dt>
  216.               <span class="term">Detach Tab</span>
  217.             </dt>
  218.             <dd>
  219.               <a id="gimp-dock-tab-detach"></a>
  220.               <p>
  221.           This entry detaches the dialog from the dock, creating a new
  222.           dock with the detached dialog as its only member.  It has the
  223.           same effect as dragging the tab out of the dock and releasing
  224.           it at a random location.
  225.         </p>
  226.             </dd>
  227.             <dt>
  228.               <span class="term">Preview Size</span>
  229.             </dt>
  230.             <dd>
  231.               <a id="gimp-dock-preview-size"></a>
  232.               <p>
  233.           </p>
  234.               <div class="informalfigure">
  235.                 <div class="mediaobject">
  236.                   <img src="../images/using/tab-menu-preview-size.png" />
  237.                   <div class="caption">
  238.                     <p>
  239.           Preview Size submenu of a Tab menu
  240.         </p>
  241.                   </div>
  242.                 </div>
  243.               </div>
  244.               <p>
  245.         </p>
  246.               <p>
  247.           Many, but not all, dialogs have Tab menus containing a
  248.           <span class="guilabel">Preview Size</span> option, which opens into a
  249.           submenu giving a list of sizes for the items in the dialog.
  250.           For example, the Brushes dialog shows pictures of all
  251.           available brushes:  the Preview Size determines how large the
  252.           pictures are.  The default is <span class="guilabel">Medium</span>.
  253.         </p>
  254.             </dd>
  255.             <dt>
  256.               <span class="term">Tab Style</span>
  257.             </dt>
  258.             <dd>
  259.               <a id="gimp-dock-tab-style"></a>
  260.               <p>
  261.           </p>
  262.               <div class="informalfigure">
  263.                 <div class="mediaobject">
  264.                   <img src="../images/using/tab-menu-tab-style.png" />
  265.                   <div class="caption">
  266.                     <p>
  267.             Tab Style submenu of a Tab menu
  268.           </p>
  269.                   </div>
  270.                 </div>
  271.               </div>
  272.               <p>
  273.         </p>
  274.               <p>
  275.           This entry is available when multiple dialogs are in the same
  276.           dock:  it opens into a submenu allowing you to choose how the
  277.           tabs at the top will appear.  There are five choices, not all
  278.           of which will be available for all types of dialogs:
  279.         </p>
  280.               <p>
  281.           </p>
  282.               <div class="variablelist">
  283.                 <dl>
  284.                   <dt>
  285.                     <span class="term">Icon</span>
  286.                   </dt>
  287.                   <dd>
  288.                     <p>
  289.                   This choice gives you an icon representing the dialog
  290.                   type. 
  291.                 </p>
  292.                   </dd>
  293.                   <dt>
  294.                     <span class="term">Current Status</span>
  295.                   </dt>
  296.                   <dd>
  297.                     <p>
  298.                   This choice is only available for dialogs that allow you
  299.                   to select something, such as a brush, a pattern, a
  300.                   gradient, etc.  It gives you a tab showing a
  301.                   representation of the item currently selected.
  302.                 </p>
  303.                   </dd>
  304.                   <dt>
  305.                     <span class="term">Text</span>
  306.                   </dt>
  307.                   <dd>
  308.                     <p>
  309.                   This choice gives you a tab showing the dialog type in
  310.                   text.
  311.                 </p>
  312.                   </dd>
  313.                   <dt>
  314.                     <span class="term">Icon and Text</span>
  315.                   </dt>
  316.                   <dd>
  317.                     <p>
  318.                   This choice gives you wider tabs, containing both an
  319.                   icon and the type of dialog in text.
  320.                 </p>
  321.                   </dd>
  322.                   <dt>
  323.                     <span class="term">Status and Text</span>
  324.                   </dt>
  325.                   <dd>
  326.                     <p>
  327.                   This choice, where available, shows the item currently
  328.                   selected, as well as the type of dialog.
  329.                 </p>
  330.                   </dd>
  331.                 </dl>
  332.               </div>
  333.               <p>
  334.         </p>
  335.             </dd>
  336.             <dt>
  337.               <span class="term">View as List; View as Grid</span>
  338.             </dt>
  339.             <dd>
  340.               <a id="gimp-dock-view-as-list"></a>
  341.               <a id="gimp-dock-view-as-grid"></a>
  342.               <p>
  343.           These entries are shown in dialogs that allow you to select an
  344.           item from a set: brushes, patterns, fonts, etc.  You can
  345.           choose whether to view the items as a vertical list, with the
  346.           name of each beside it, or as a grid, with representations of
  347.           the items but no names.  Each has its advantages:  viewing as
  348.           a list gives you more information, but viewing as a grid
  349.           allows you to see many more possibilities at once.  The
  350.           default for this varies across dialogs:  for brushes and
  351.           patterns, the default is a grid; for most other things, the
  352.           default is a list.
  353.         </p>
  354.             </dd>
  355.             <dt>
  356.               <span class="term">Show Image Menu</span>
  357.             </dt>
  358.             <dd>
  359.               <p>
  360.           This is a toggle.  If it is checked, then an Image Menu is
  361.           shown at the top of the dock.  It is not available for dialogs
  362.           docked below the Toolbox.
  363.         </p>
  364.             </dd>
  365.             <dt>
  366.               <span class="term">Auto Follow Active Image</span>
  367.             </dt>
  368.             <dd>
  369.               <p>
  370.           This is a toggle, and it is meaningless unless an Image Menu
  371.           is being shown.  It causes the Image Menu, and hence the
  372.           contents of the dialog if they are image-related, to change to
  373.           follow whatever image you are working on at the moment.
  374.         </p>
  375.             </dd>
  376.           </dl>
  377.         </div>
  378.       </div>
  379.       <div class="simplesect" lang="en" xml:lang="en">
  380.         <div class="titlepage">
  381.           <div>
  382.             <div>
  383.               <h4 class="title"><a id="gimp-dockable-tab-close"></a>Removing Tabs</h4>
  384.             </div>
  385.           </div>
  386.         </div>
  387.         <div class="informalfigure">
  388.           <div class="mediaobject">
  389.             <img src="../images/using/dialog-highlight-closetab.png" />
  390.             <div class="caption">
  391.               <p>
  392.           A dialog in a dock, with the "Close Tab" button highlighted
  393.         </p>
  394.               <p>
  395.           Le bouton de fermeture d'un onglet
  396.         </p>
  397.             </div>
  398.           </div>
  399.         </div>
  400.         <p>
  401.     If you want to remove a dialog from a dock, there are two ways you
  402.     can do it.  First, if you click on the drag handle area and drag
  403.     the dialog away, releasing it someplace other than a docking bar,
  404.     it will form a new dock in its own right.  Second, clicking on the
  405.     "Close Tab" button (highlighted in the figure to the right) will
  406.     close the frontmost dialog.
  407.   </p>
  408.       </div>
  409.       <div class="simplesect" lang="en" xml:lang="en">
  410.         <div class="titlepage">
  411.           <div>
  412.             <div>
  413.               <h4 class="title"><a id="id3419944"></a>Creating Dialogs</h4>
  414.             </div>
  415.           </div>
  416.         </div>
  417.         <p>
  418.     Most dockable dialogs can be created in more than one way, but all
  419.     of them can be created using the 
  420.     <span class="guimenu">File</span>-><span class="guisubmenu">Dialogs</span>
  421.     menu from the Main Toolbox, or by using the <span class="guimenu">Add</span>
  422.     command in the Tab menu from any dialog.  As a convenience, there
  423.     are also three pre-built docks you can create using the  
  424.     <span class="guimenu">File</span>-><span class="guisubmenu">Dialogs</span>-><span class="guisubmenu">Create New Dock</span>
  425.     menu path from the Main Toolbox:
  426.   </p>
  427.         <div class="variablelist">
  428.           <dl>
  429.             <dt>
  430.               <span class="term">Layers, Channels and Paths</span>
  431.             </dt>
  432.             <dd>
  433.               <p>
  434.           This gives you a dock containing:
  435.         </p>
  436.               <div class="itemizedlist">
  437.                 <ul type="disc">
  438.                   <li>
  439.                     <p>
  440.               The Channels dialog
  441.             </p>
  442.                   </li>
  443.                   <li>
  444.                     <p>
  445.               The Layers dialog
  446.             </p>
  447.                   </li>
  448.                   <li>
  449.                     <p>
  450.               The Paths dialog
  451.             </p>
  452.                   </li>
  453.                   <li>
  454.                     <p>
  455.               The Undo dialog
  456.             </p>
  457.                   </li>
  458.                 </ul>
  459.               </div>
  460.             </dd>
  461.             <dt>
  462.               <span class="term">Brushes, Patterns and Gradients</span>
  463.             </dt>
  464.             <dd>
  465.               <p>
  466.           This gives you a dock containing:
  467.         </p>
  468.               <div class="itemizedlist">
  469.                 <ul type="disc">
  470.                   <li>
  471.                     <p>
  472.               The Brushes dialog
  473.             </p>
  474.                   </li>
  475.                   <li>
  476.                     <p>
  477.               The Patterns dialog
  478.             </p>
  479.                   </li>
  480.                   <li>
  481.                     <p>
  482.               The Gradients dialog
  483.             </p>
  484.                   </li>
  485.                   <li>
  486.                     <p>
  487.               The Palettes dialog
  488.             </p>
  489.                   </li>
  490.                   <li>
  491.                     <p>
  492.               The Fonts dialog
  493.             </p>
  494.                   </li>
  495.                 </ul>
  496.               </div>
  497.             </dd>
  498.             <dt>
  499.               <span class="term">Misc. Stuff</span>
  500.             </dt>
  501.             <dd>
  502.               <p>
  503.           This gives you a dock containing:
  504.         </p>
  505.               <div class="itemizedlist">
  506.                 <ul type="disc">
  507.                   <li>
  508.                     <p>
  509.               The Buffers dialog
  510.             </p>
  511.                   </li>
  512.                   <li>
  513.                     <p>
  514.               The Images dialog
  515.             </p>
  516.                   </li>
  517.                   <li>
  518.                     <p>
  519.               The Document History dialog
  520.             </p>
  521.                   </li>
  522.                   <li>
  523.                     <p>
  524.               The  Image Templates dialog
  525.             </p>
  526.                   </li>
  527.                 </ul>
  528.               </div>
  529.             </dd>
  530.           </dl>
  531.         </div>
  532.         <div class="tip" style="margin-left: 0.5in; margin-right: 0.5in;">
  533.           <table border="0" summary="Tip">
  534.             <tr>
  535.               <td rowspan="2" align="center" valign="top" width="25">
  536.                 <img alt="[Tip]" src="../images/tip.png" />
  537.               </td>
  538.               <th align="left">Tip</th>
  539.             </tr>
  540.             <tr>
  541.               <td colspan="2" align="left" valign="top">
  542.                 <p>
  543.       Just because you have a lot of flexibility does not mean that all
  544.       choices are equally good.  There are at least two things we
  545.       recommend:
  546.     </p>
  547.                 <div class="orderedlist">
  548.                   <ol type="1">
  549.                     <li>
  550.                       <p>
  551.           Keep the Tool Options dialog docked directly beneath the
  552.           Main Toolbox at all times.
  553.         </p>
  554.                     </li>
  555.                     <li>
  556.                       <p>
  557.           Keep the Layers dialog around at all times, in a separate
  558.           dock from the Main Toolbox, with an Image Menu above it.
  559.           (Use "Show Image Menu" in the dialog Tab menu to display the
  560.           Image menu if you have somehow lost it.)
  561.         </p>
  562.                     </li>
  563.                   </ol>
  564.                 </div>
  565.               </td>
  566.             </tr>
  567.           </table>
  568.         </div>
  569.       </div>
  570.     </div>
  571.     <div class="navfooter">
  572.       <hr />
  573.       <table width="100%" summary="Navigation footer">
  574.         <tr>
  575.           <td width="40%" align="left"><a accesskey="p" href="ch02s03s03.html">Prev</a>┬á</td>
  576.           <td width="20%" align="center">
  577.             <a accesskey="u" href="ch02s03.html">Up</a>
  578.           </td>
  579.           <td width="40%" align="right">┬á<a accesskey="n" href="ch02s03s05.html">Next</a></td>
  580.         </tr>
  581.         <tr>
  582.           <td width="40%" align="left" valign="top">3.3.┬áImage Window┬á</td>
  583.           <td width="20%" align="center">
  584.             <a accesskey="h" href="index.html">Home</a>
  585.           </td>
  586.           <td width="40%" align="right" valign="top">┬á3.5.┬áBasic Gimp Concepts</td>
  587.         </tr>
  588.       </table>
  589.     </div>
  590.   </body>
  591. </html>
  592.